<template>
        <div>
          
          <myheader></myheader>
      
          <br>
              <!-- 面包屑导航 -->
              <Breadcrumb :datas='datas'></Breadcrumb>
          <section class="featured-block text-center">
              <div class="container">
                  <table>
                    <h3>活动修改</h3>
                    <br>
                      <tr style='padding: 5px;'>
                          <td style='padding: 5px;'>
                              原活动名称:
                          </td>
                          <td style='padding: 5px;'>
                              <input type="text" name="" id="" v-model='title'>
                          </td>
                      </tr>

                      <tr style='padding: 5px;'>
                            <td style='padding: 5px;'>
                                新活动名称:
                            </td>
                            <td style='padding: 5px;'>
                                <input type="text" name="" id="" v-model='new_title'>
                            </td>
                        </tr>
    
                      <tr style='padding: 5px;'>
                        <td style='padding: 5px;'>
                                链接地址:
                        </td>
                        <td style='padding: 5px;'>
                            <input type="text" name="" id="" v-model='link'>
                        </td>
                      </tr>
    
                        <tr style='padding: 5px;'>
                            <td style='padding: 5px;'>
                                图片链接:
                            </td>
                            <td style='padding: 5px;'>
                                <input type="text" name="" id="" v-model='img'>
                            </td>
                        </tr>
                          
                      <tr style='padding: 5px;'>
                          <td style='padding: 5px;'>
      
                          </td>
                          <td style='padding: 5px;'>
                              <Button @click='submit'>修改</Button>&nbsp;&nbsp;
                              
      
                          </td>
                      </tr>
      
                  </table>
      
              </div>
          </section>
          
          <myfooter></myfooter>
          
        </div>
        
      </template>
      
      
       
      <script>
      
      //导包
      import myheader from './myheader.vue';
      import myfooter from './myfooter.vue';
      
      import {config,formatXml} from '../config.js'
      
      
      export default {
        data () {
          return {
            // msg: "这是一个变量",
            //声明面包屑变量
            datas:[{title:'首页',route:{name:'index'}},{title:'活动页面'}],
            title:'',
            new_title:'',
            link:'',
            img:'',
    
          }
        },
      
        //注册组件标签
        components:{
          'myheader': myheader,
          'myfooter': myfooter,
      
        },
      
        mounted:function(){


      },
        methods:{
            //提交密码修改
                //向后端发送请求
                //提交upload
            submit:function(e){
                //声明参数类型 
                let param = new FormData();
                //添加文件
                param.append('title',this.title);
                param.append('new_title',this.new_title);
                param.append('link',this.link);
                param.append('img',this.img);
                //声明上传文件头部
                let config = {'Content-Type':'multipart/form-data'};
          
                //请求后台接口,这里要使用post请求
                this.axios.post(
                    'http://localhost:8000/insertpics/',
                    param,
                    config
                    ).then((result)=>{
                    console.log(result)
                    this.$Message(result.data.message)
                })
            },
    
    
        }
    
      }
      
      
      </script>
       
      <style>
      
      
      
      </style>